<template>
	<div class="hotjob">
		<div class="recom_top">
	    	<span class="recom_one"></span>
	    	<span class="tuijian">热招职位</span>
	    	<span class="hotjob_more">更多职位>></span>
		</div>
		<ul class="hotjob_pos">
			<li>
				<h3>产品经理</h3>
				<div class="hotjob_pos_">
					<span class="hotjob_pos_money">30-48万 &nbsp;|&nbsp;</span>
					<span class="hotjob_pos_address">北京朝阳区&nbsp;|&nbsp;</span>
					<span class="hotjob_pos_strategy">统招本科 &nbsp;|&nbsp; </span>
					<span class="hotjob_pos_time">8年以上</span>
				</div>
				<img src="../../../../static/img/net_img/5.png" class="hotjob_pos_img"/>
			</li>
			<li>
				<h3>产品经理</h3>
				<div class="hotjob_pos_">
					<span class="hotjob_pos_money">30-48万 &nbsp;|&nbsp;</span>
					<span class="hotjob_pos_address">北京朝阳区&nbsp;|&nbsp;</span>
					<span class="hotjob_pos_strategy">统招本科 &nbsp;|&nbsp; </span>
					<span class="hotjob_pos_time">8年以上</span>
				</div>
				<img src="../../../../static/img/net_img/5.png" class="hotjob_pos_img"/>
			</li>
			<li>
				<h3>产品经理</h3>
				<div class="hotjob_pos_">
					<span class="hotjob_pos_money">30-48万 &nbsp;|&nbsp;</span>
					<span class="hotjob_pos_address">北京朝阳区&nbsp;|&nbsp;</span>
					<span class="hotjob_pos_strategy">统招本科 &nbsp;|&nbsp; </span>
					<span class="hotjob_pos_time">8年以上</span>
				</div>
				<img src="../../../../static/img/net_img/5.png" class="hotjob_pos_img"/>
			</li>
			<li>
				<h3>产品经理</h3>
				<div class="hotjob_pos_">
					<span class="hotjob_pos_money">30-48万 &nbsp;|&nbsp;</span>
					<span class="hotjob_pos_address">北京朝阳区&nbsp;|&nbsp;</span>
					<span class="hotjob_pos_strategy">统招本科 &nbsp;|&nbsp; </span>
					<span class="hotjob_pos_time">8年以上</span>
				</div>
				<img src="../../../../static/img/net_img/5.png" class="hotjob_pos_img"/>
			</li>
			<li>
				<h3>产品经理</h3>
				<div class="hotjob_pos_">
					<span class="hotjob_pos_money">30-48万 &nbsp;|&nbsp;</span>
					<span class="hotjob_pos_address">北京朝阳区&nbsp;|&nbsp;</span>
					<span class="hotjob_pos_strategy">统招本科 &nbsp;|&nbsp; </span>
					<span class="hotjob_pos_time">8年以上</span>
				</div>
				<img src="../../../../static/img/net_img/5.png" class="hotjob_pos_img"/>
			</li>
			<li>
				<h3>产品经理</h3>
				<div class="hotjob_pos_">
					<span class="hotjob_pos_money">30-48万 &nbsp;|&nbsp;</span>
					<span class="hotjob_pos_address">北京朝阳区&nbsp;|&nbsp;</span>
					<span class="hotjob_pos_strategy">统招本科 &nbsp;|&nbsp; </span>
					<span class="hotjob_pos_time">8年以上</span>
				</div>
				<img src="../../../../static/img/net_img/5.png" class="hotjob_pos_img"/>
			</li>
			<li>
				<h3>产品经理</h3>
				<div class="hotjob_pos_">
					<span class="hotjob_pos_money">30-48万 &nbsp;|&nbsp;</span>
					<span class="hotjob_pos_address">北京朝阳区&nbsp;|&nbsp;</span>
					<span class="hotjob_pos_strategy">统招本科 &nbsp;|&nbsp; </span>
					<span class="hotjob_pos_time">8年以上</span>
				</div>
				<img src="../../../../static/img/net_img/5.png" class="hotjob_pos_img"/>
			</li>
			<li>
				<h3>产品经理</h3>
				<div class="hotjob_pos_">
					<span class="hotjob_pos_money">30-48万 &nbsp;|&nbsp;</span>
					<span class="hotjob_pos_address">北京朝阳区&nbsp;|&nbsp;</span>
					<span class="hotjob_pos_strategy">统招本科 &nbsp;|&nbsp; </span>
					<span class="hotjob_pos_time">8年以上</span>
				</div>
				<img src="../../../../static/img/net_img/5.png" class="hotjob_pos_img"/>
			</li>
		</ul>
	</div>
</template>

<script>
	export default {
    	name: 'Hotjob',
        data () {
            return {
            }
        }
    }
	
</script>

<style scoped>
	.hotjob_pos h3{
		font-size: 18px;
		color: #2E6CF0;
	}
	.hotjob_pos h3:hover{
		text-decoration: underline;
		cursor: pointer;
	}
	.hotjob_pos_{
		font-size: 15px;
		margin-top: 10px;
	}
	.hotjob_pos_money{
		color: #2E6CF0;
	}
	.hotjob_pos_img{
		position: absolute;
		top: 20px;
		right: 15px;
		width: 22%;
	}
	
	
	.hotjob{
		width: 1000px;
		height: 400px;
		position: relative;
	    left: 50%;
	    margin-left: -500px;
	    margin-top: 20px;
	}
	.recom_top{
		margin-top: 30px;
		padding: 12px 0px;
	}
	.recom_one{
		width: 4px;
		height: 25px;
		background: #2E6CF0;
		display: inline-block;
		position: relative;
		top: 5px;
	}
	.tuijian{
		font-size: 18px;
		color: #2E6CF0;
	}
	.hotjob_more{
		color: #2E6CF0;
		float: right;
	}
	.hotjob_more:hover{
		text-decoration: underline;
		cursor: pointer;
	}
	.hotjob_pos{
		list-style: none;
		/*display: inline-block;*/
	}
	.hotjob_pos>li{
		float: left;
		border: 1px dashed #CCCCCC;
		width: 48.8%;
		height: 88px;
		margin-bottom: 15px;
		padding: 15px 15px;
		position: relative;
	}
	.hotjob_pos>li:nth-child(even){
		margin-left: 2.2%;
	}
</style>